<!--
 * @Author: Ryanuo
 * @Date: 2022-07-01 17:26:04
 * @LastEditors: ryanuo
 * @Github: https://github.com/ryanuo
 * @LastEditTime: 2022-08-03 20:36:10
 * @FilePath: \dev\src\views\svg\LargeList.vue
-->
<template>
  <div @click="isshow = !isshow">
    <el-tooltip class="item" effect="dark" :content="isshow ? '切换无图展示' : '切换卡片展示'" placement="top-start">
      <svg v-if="isshow" t="1656667681958" class="icon" viewBox="0 0 1024 1024" version="1.1"
        xmlns="http://www.w3.org/2000/svg" p-id="3352">
        <path
          d="M781.8 283.8H408.3c-11.5 0-20.8 9.3-20.8 20.8s9.3 20.8 20.8 20.8h373.5c11.5 0 20.8-9.3 20.8-20.8-0.1-11.6-9.4-20.8-20.8-20.8z"
          p-id="3353"></path>
        <path
          d="M802.5 97h-581C153 97 97 153 97 221.5v581C97 871 153 927 221.5 927h581C871 927 927 871 927 802.5v-581C927 153 871 97 802.5 97z m83 705.5c0 45.8-37.2 83-83 83h-581c-45.8 0-83-37.2-83-83v-581c0-45.8 37.2-83 83-83h581c45.8 0 83 37.2 83 83v581z"
          p-id="3354"></path>
        <path d="M263 304.5m-41.5 0a41.5 41.5 0 1 0 83 0 41.5 41.5 0 1 0-83 0Z" p-id="3355"></path>
        <path
          d="M781.8 491.3H408.3c-11.5 0-20.8 9.3-20.8 20.8s9.3 20.8 20.8 20.8h373.5c11.5 0 20.8-9.3 20.8-20.8-0.1-11.6-9.4-20.8-20.8-20.8z"
          p-id="3356"></path>
        <path d="M263 512m-41.5 0a41.5 41.5 0 1 0 83 0 41.5 41.5 0 1 0-83 0Z" p-id="3357"></path>
        <path
          d="M781.8 698.8H408.3c-11.5 0-20.8 9.3-20.8 20.8s9.3 20.8 20.8 20.8h373.5c11.5 0 20.8-9.3 20.8-20.8-0.1-11.6-9.4-20.8-20.8-20.8z"
          p-id="3358"></path>
        <path d="M263 719.5m-41.5 0a41.5 41.5 0 1 0 83 0 41.5 41.5 0 1 0-83 0Z" p-id="3359"></path>
      </svg>
      <svg v-else t="1659530003433" class="icon" viewBox="0 0 1024 1024" version="1.1"
        xmlns="http://www.w3.org/2000/svg" p-id="4553">
        <path
          d="M740.929913 192l25.6-64H896c70.692487 0 128 57.307513 128 128v512c0 60.167651-41.513195 110.63908-97.460083 124.333609l1.459494 3.666391H459.33109l25.6-64h34.542933l-15.618943-47.3088 36.922851-92.307126 38.214032 115.750841 67.821757-170.301793c19.616074-49.257931 75.448791-73.285444 124.705544-53.66937a95.999411 95.999411 0 0 1 53.66937 53.66937l77.200184 193.852616c32.34663-3.206179 57.612359-30.495191 57.612359-63.685738v-512c0-35.345655-28.654345-64-64-64H740.929913z m-201.859826 0H128c-35.345655 0-64 28.654345-64 64v512c0 31.741646 23.10709 58.085517 53.41749 63.129011l113.035476-342.377342c22.163126-67.128497 94.546979-103.580543 161.675475-81.418593a127.943503 127.943503 0 0 1 48.954262 29.633618l-28.504864 71.264515a64 64 0 0 0-40.512736-40.124322c-33.564837-11.081563-69.75794 7.14446-80.838326 40.709297l-106.699623 323.183816H283.071264l-25.6 64H96.000589l1.2288-3.722887C41.399025 878.500193 0 828.084083 0 768v-512c0-70.692487 57.307513-128 128-128h436.670087l-25.6 64z m260.929324 239.999706c-44.182657 0-79.999117-35.81646-79.999117-80.000295 0-44.182657 35.81646-79.999117 79.999117-79.999117 44.183834 0 80.001471 35.81646 80.001472 80.000295 0 44.182657-35.817637 79.999117-80.001472 79.999117z m-34.269866 229.512533a31.999411 31.999411 0 0 0-17.890575-17.890575c-16.41931-6.538299-35.029039 1.471264-41.568515 17.890575L638.375724 832h195.248552l-67.894731-170.487761zM320 1024c-17.672828 0-32.000589-14.326584-32.000589-32.000589 0-8.555697 3.358014-16.327503 8.827587-22.068965l375.172413-937.931035C672.000589 14.326584 686.327172 0 704 0c17.672828 0 32.000589 14.326584 32.000589 32.000589 0 8.555697-3.358014 16.327503-8.827587 22.068965l-375.172413 937.931035c0 17.672828-14.327761 31.999411-32.000589 31.999411z"
          fill="#333333" p-id="4554"></path>
      </svg>
    </el-tooltip>
  </div>
</template>

<script>
export default {
  data() {
    return {
      isshow: true
    }
  }
}
</script>
